section {
  margin: 5vw 0;
}
.rank-section{
  display: flex;
  padding: 2vw;
  .rank-section-cover{
    position: relative;
    width: 25vw;
    height: 25vw;
    border-radius: 4px;
    overflow: hidden;
    .meta{
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      align-items: center;
      height: 8vw;
      padding-left: 2vw;
      color: rgba(255, 255, 255, .85);
      font-size: 12px;
      background-image: linear-gradient(180deg, transparent, rgba(0,0,0,.35));
    }
  }
  .rank-section-list{
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    padding-left: 5vw;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    list-style-position: inside;
    li{
      height: 7vw;
      overflow: hidden;
      line-height: 7vw;
      font-size: 14px;
      .hot{
        padding-left: 5vw;
        color: #666;
      }
    }
  }
}